﻿@{
    ViewBag.Title = "Home Page";
}
@model Pagination<CW_ArticleView>


<!--图片轮播-->
<div class="CN-Banner">
    <img class="img-responsive" src="@Url.Content("~/images")/banner.jpg" />
</div>
<!--今日话题-->
<article class="CN-Topic">
    <h2>
        <a class="cR" href="#">【话题】</a>
        <a class="title" href="#">
            你目前对前端有什么疑惑？
        </a>
    </h2>
    <p class="note">
        最近在群里看到很多朋友对前端很感兴趣，也有很多朋友已经在学习的路上，但是不管怎么样，只要是处理事情就一定会有或多或少的疑问，那么各位喜欢前端的朋友们，在这里提出你们的疑惑，让我们大家为你解答吧！
    </p>
</article>

<!--文章列表-->
<div class="lastPublish">
    <h3>最新发布</h3>
    @*<div class="more">阿里云服务器9折优惠码：<span style="color:red">V0YF4G</span><span style="color:green"> 【个人、企业网站设计制作一条龙，详情联系QQ：27626685】</span></div>*@
</div>
<ul class="list-group CN-ArticleList">

    @foreach (var item in Model)
    {
        <li class="list-group-item">
            <a class="focus" href="@Url.Action("detail", new { id=item.Article.ArticleId})">
                @if (!string.IsNullOrEmpty(item.Article.Thumb))
                    {
                        <img class="thumb" src="@Url.Content("~/images/logo")/@item.Article.Thumb" />
                    }
                else
                {
                    <img class="thumb" src="@Url.Action("GetAutoImgByTxt", "ValidateCode", new { txt = item.MenuName })" />
                }
            </a>
            <header>
                @if (!string.IsNullOrEmpty(item.MenuName))
                {
                    <a class="noteTag">@item.MenuName</a>
                }
                
                <h2>
                    <a class="title" href="@Url.Action("detail", new { id = item.Article.ArticleId })">@item.Article.Title</a>                    
                </h2>
            </header>
            <p class="meta">
                <span><i class="fa fa-clock-o"></i>@Convert.ToDateTime(item.Article.CreateDate).ToString("yyyy-MM-dd")</span>
                <span class="pv"><i class="fa fa-eye"></i>阅读(@item.Article.PV)</span>
                <a class="pc" href="@Url.Action("detail", new { id = item.Article.ArticleId })#comments"><span><i class="fa fa-comments-o"></i>评论(@item.Article.CommentCount)</span></a>
            </p>
            <p class="note">
                @item.Article.Abstract
            </p>
        </li>
    }



    @*<li class="list-group-item">
        <a class="focus" href="detail">
            <img class="thumb" src="@Url.Content("~/images")/html-css.jpg" />
        </a>
        <header>
            <a class="noteTag">HTML/CSS</a>
            <h2>
                <a class="title" href="detail">那些CSS之三角形的美丽那些CSS之三角形的美丽那些CSS之三角形的美丽</a>
            </h2>
        </header>
        <p class="meta">
            <span><i class="fa fa-clock-o"></i>2016-07-12</span>
            <span class="pv"><i class="fa fa-eye"></i>阅读(990)</span>
            <a class="pc" href="http://www.asni.cn/1658#comments"><span><i class="fa fa-comments-o"></i>评论(16)</span></a>
        </p>
        <p class="note">曾几何时，我还是个懵懂的孩子，那时我才高二的样子，本该是繁忙和紧张的学习气氛，然而我并没有感觉到有多少的紧张，或许是因为自己平时就很淡定引起的。当然，这并不是今天的主题，记得当时盛大网络有限公司正处于高速发展阶段，想必他曾经的鼻祖游戏《热血...</p>
    </li>   
    <li class="list-group-item">
        <a class="focus" href="detail">
            <img class="thumb" src="@Url.Content("~/images")/html-css.jpg" />
        </a>
        <header>
            <a class="noteTag">HTML/CSS</a>
            <h2>
                <a class="title" href="detail">那些CSS之三角形的美丽</a>
            </h2>
        </header>
        <p class="meta">
            <span><i class="fa fa-clock-o"></i>2016-07-12</span>
            <span class="pv"><i class="fa fa-eye"></i>阅读(990)</span>
            <a class="pc" href="http://www.asni.cn/1658#comments"><span><i class="fa fa-comments-o"></i>评论(16)</span></a>
        </p>
        <p class="note">曾几何时，我还是个懵懂的孩子，那时我才高二的样子，本该是繁忙和紧张的学习气氛，然而我并没有感觉到有多少的紧张，或许是因为自己平时就很淡定引起的。当然，这并不是今天的主题，记得当时盛大网络有限公司正处于高速发展阶段，想必他曾经的鼻祖游戏《热血...</p>
    </li>*@
</ul>
<nav>
    <ul class="pagination">

        @*<li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>

            <li class="disabled"><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>*@

        <li>
            @Html.ActionLink("<<", "Index", new { page = 0 })
        </li>
        @for (int i = 0; i < Model.TotalPages; i++)
        {
            if (i == Model.PageIndex)
            {
                <li class="active">
                    @Html.ActionLink((i + 1).ToString(), "Index", new { page = i })
                </li>
            }
            else
            {
                <li>
                    @Html.ActionLink((i + 1).ToString(), "Index", new { page = i })
                </li>
            }
        }
        <li>
            @Html.ActionLink(">>", "Index", new { page = Model.TotalPages - 1 > 0 ? Model.TotalPages - 1 : 0 })
        </li>
    </ul>
</nav>
